<template>
  <div class="mask">
    <div class="free-lib">
      <h2>分动圈活动参与者承诺</h2>
      <p>1、本人自愿报名参加分动圈线上线下活动（以下统称活动）;</p>
      <p>2、本人全面了解并同意遵守分动圈所制定的各项活动规则、章程、规定、要求及参赛过程中主办方采取的一切紧急措施;</p>
      <p>3、本人了解参加赛事需要具备相应的身体条件，没有可能造成自己受伤或者死亡的任何疾病、损伤或者任何其他身体残疾，并为赛事进行了充分的训练;</p>
      <p>4、本人全面理解参赛可能出现的各种风险，且已准备必要的防范措施，本人愿意承担由此产生的一切后果，同时免除分动圈的赔偿及法律连带责任。</p>
      <p>本人或者监护人已认真阅读并理解上述内容，先予以确认。</p>
      <p>特此承诺。</p>
      <div class="close" @click="handleLibClose">关闭</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FreeLib',
  methods: {
    handleLibClose () {
      this.$emit('libClose')
    }
  }
}
</script>

<style lang="stylus" scoped>
  .mask
    display flex
    justify-content center
    align-items  center
    position fixed
    top 0
    right 0
    bottom 0
    left 0
    background-color rgba(0, 0, 0, .8)
    .free-lib
      position relative
      width 80%
      padding 0 .2rem .4rem
      font-size .26rem
      line-height 1.5
      background-color #fff
      h2
        text-align center
        font-size .36rem
        line-height 3
      p
        color #999
      .close
        position absolute
        right 0
        bottom 0
        width .8rem
        text-align center
        background-color #999
</style>
